﻿@model PNProject.Core.ItemModel
@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/AdminLayout.cshtml";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="/Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<div style="width: 785px; height: 25px; background-color: #363530; color: White; padding-left: 10px; padding-top: 5px;">
    Tạo mới san pham
</div>
<div style="padding: 10px; width: 775px; min-height: 100px; overflow: hidden;">


    @using (Html.BeginForm("Create", "AdminProduct", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
        @Html.ValidationSummary(true)
        <fieldset>
            <legend>Form nhập - Hình sản phẩm</legend>
            <br />
            <div class="title">
                Tên sản phẩm
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.ItemName)
            </div>

            <br />
            <div class="title">
                Nguồn gốc xuất xứ:
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Manufacture)
            </div>
            <br />

            <div class="title">
                Dải điện áp hoạt động:
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.ElectricPressure)
            </div>
            <br />

            <div class="title">
                Kích thước:
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Size)
            </div>
            
            <br />
            <input id="avatar" type="file" name="avatar" />
            <br/>
               <br />
            <button id="imageAdd">Them avatar</button>
            <br />
            <br />

            <div class="title">
                Chọn hình từ đường dẫn internet (Chú ý: file up lên sẽ không có tác dụng)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Url)
            </div>
            <br />
            <div class="title">
                Chi tiết sản phẩm
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Details)
            </div>
            <br />
            <div class="title">
                Mô tả sản phẩm
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Description)
            </div>
            <p>
                <input id="main-submit" type="submit" value="Tạo mới" />
            </p>
        </fieldset>
    }

</div>
<script type="text/javascript">
    $(document).ready(function() {
        $("#imageAdd").click(function () {
            var id = guid();
            var remove = "<button itemid='" + id + "' id ='" + id + "' onclick='return RemoveItemAvartar(this)'>Xoa</button>";
            var html = "<br/><input id='avatar_" + id +"' type='file' name='avatar' /> " + remove;
            $("#avatar").after("<div id='"+ id +"'>" + html +"</div>");
            return false;
        });
        $("id^=remove_").click(function () {
            alert($(this).id);
            return false;
        });
    });
    function RemoveItemAvartar(seft) {
        var id = "#" + seft.id;
        $(id).remove();
        return false;
    }
    function s4() {
        return Math.floor((1 + Math.random()) * 0x10000)
                   .toString(16)
                   .substring(1);
    };

    function guid() {
        return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
               s4() + '-' + s4() + s4() + s4();
    }
</script>
